<template>
  <div class="about">
    <h1>📝 关于页</h1>
    <p>这是路由演示的关于页</p>
    <router-link to="/" class="btn">返回首页</router-link>
  </div>
</template>

<script>
export default {
  name: 'AboutPage'
}
</script>

<style scoped>
.about {
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 8px;
}

.btn {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 20px;
  background: #e74c3c;
  color: white;
  text-decoration: none;
  border-radius: 4px;
}
</style>